<HTML>
<HEAD>
<TITLE>Metoda Range.surroundContents()</TITLE>
<STYLE TYPE="text/css">
.hilite {background-color:yellow; color:red; font-weight:bold}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
var newSpan = document.createElement("SPAN")
newSpan.className = "hilite"

function highlightSelection() {
    var sel, rng
    try {
        sel = window.getSelection()
        if (!sel.isCollapsed) {
            rng = sel.getRangeAt(0)
            rng.surroundContents(newSpan.cloneNode(false))
        }
    }
    catch(err) {
        alert("Niezbdne moliwoci funkcjonalne obiektu Range nie zostay 
        zaimplementowane w tej przegldarce.")
    }
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Metoda Range.surroundContents()</H1>
<HR>
<P onMouseUp="highlightSelection()">
Zaznacz dowolny fragment tekstu nalecy do ktregokolwiek z akapitw 
wywietlonych na tej stronie. Zaznaczony fragment zostanie 
umieszczony wewntrz elementu SPAN, z ktrym zostaa skojarzona regua 
arkusza stylw, okrelajca czcionk oraz inne prametry sposobu prezentacji.</P>

<P onMouseUp="highlightSelection()">Lorem ipsum dolor 
sit amet, consectetaur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna 
aliqua. Ut enim adminim veniam, quis nostrud exercitation 
ullamco laboris nisi ut aliquip ex ea commodo consequat.</P>
</BODY>
</HTML>